<template>
    <div>
      <!-- 使用component标签动态渲染组件 -->
      <component :is="currentComponent"></component>
    </div>
  </template>
   
  <script>
  import { ref } from 'vue';
  import MyComponentA from './PageModule39.vue';
  import MyComponentB from './PageModule40.vue';
   
  export default {
    setup() {
      // 动态切换的组件
      const currentComponent = ref('my-component-b');
   
      // 可以通过更改currentComponent的值来动态切换组件
      // 例如：currentComponent.value = 'my-component-b';
   
      // 返回到模板中使用的响应式属性
      return {
        currentComponent,
      };
    },
    components: {
      MyComponentA,
      MyComponentB
    }
  };
  </script>